Home | Technology Club | Web Design Tools | Tech Club Members | Tech Club Individual Pages

Web 2.0 Tools

Create Podcast Using Your Cell Phone:


Voki

www.voki.com
Create a personalized avatar with voice (you can type in the text or you can use a microphone to record)

Scrolling Text

Screedbot - make your own scrolling typewriter text. Save on computer as an animated pic (.gif). Then insert it as a picture!

Sumo Paint

Use online graphic design program (http://sumopaint.com)

Dimensions for Web Banner: 780px by 60px
My Example:
KP_Banner.jpg
  1. I changed the image size to 780px by 60px (see the Image menu) and I used the View menu to zoom in.
  2. I used the brush tool (I changed it to dry brush) and then I painted blank canvas with various colors.
  3. I used the shape tool to create the stars (I clicked on shape trails to get the white outlines)
  4. I created a new layer for both sets of text
  5. After typing in text and moving it to where I wanted it, I went to layer effects and played with the different effects until I got this outlined loook with shadows and glows. I copied the layer effect for the smaller text box, too, but made some adjustments to make it readable.
  6. Then I merged the layers and saved the image to my computer as a .jpg image.
UBOlogo.png

You can also use the shape tools and shape trails to create interesting background. Then use the brush tool to add color. Lower the opacity so that you can see the lines of the shapes below.

See my handout for example banners.

Online Tutorials:
http://www.myjanee.com/tutorials.htm
http://www.alibony.com/pse/011508banner.html
[[home|
http://curriculum.union.edu/tips/banner.php

Or Try getting pictures (**http://www.pics4learning.com/index.php?view=browse**) and putting them together into a banner like this:

23.jpg

Web 2.0 Tools

July 7, 2009
Goals for Tonight: Post your creation to the Student Showcase Page!
Glogster - Posters
Bitstrips - Comic Strips
see handouts for more information

Upcoming Topics:
Photography & Photo Manipulation
(use of a "Photoshop" type Web 2.0 tool) - create banners, logos, etc.
Audio & Video Creation - edit videos

Bitstrips

Use BitStrips to Create a Comic about the news at UB this summer:
763ea83062898503a447e6aaad07fc3a.png

Glogster

Use Glogster to create a Poster for an Upcoming Event or Class: